/*  
 * 需求： 输入正确内容，实现页面跳转;
 * 用失焦验证法，验证信息合法性
 */

/* 
 *定义规则  用数组，用正则表达式
 */
let reg = [
    /^[a-zA-Z][a-zA-Z0-9]{5,11}$/,
    /^1[3-9]\d{9}$/,
    /^\d{4}$/,
    /^\w{6,12}$/
]






//  获取元素
$a('.inp').forEach(function(dom, i) {
    // console.log(dom);
    /* 注册失焦事件 */
    dom.addEventListener('blur', function() {
        // console.log(1);
        if (reg[i].test(dom.value)) {
            $a('.tis')[i].classList.add('dnone')
        } else {
            $a('.tis')[i].classList.add('dblock')
        }
    })

})

/* 取消开启禁用 */
$('.dagou').addEventListener('change', function(v) {
    // console.log(this.checked);
    $('.regbtn').disabled = !this.checked;
    $('.regbtn').style.background = this.checked ? 'rgb(21, 189, 237)' : '';
    $('.regbtn').style.color = this.checked ? '#fff' : '';
})

/* 点击提交按钮触发验证 */
$('.regbtn').addEventListener('click', function() {


    /* 用for循环 */
    for (let i = 0; i < reg.length; i++) {
        if (!reg[i].test($a('.inp')[i].value)) {
            $a('.tis')[i].classList.add('dblock')

            return;
        }
    }


    /* 跳转页面 */
    location.href = "../login/login.html";
})